<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link href="css/heder.css" rel="stylesheet" >
	<link href="css/mian.css" rel="stylesheet" > 
	<link href="css/flex.css" rel="stylesheet" > 
	<body>
		<div class="header">
			
			<div class="h">
				
				<a class="logo"></a>
				
			    <div class="header-right">
					<a class="logo-btn" href="login.html">登录</a>
					<a href="registered.html" class="register-btn">注册</a>
					
					<!-- <span class="line">|</span> -->
					
					<div class="user-wrapper">
						<h1>KAI</h1>
						<div class="user-info">
							<ul>
								<li><a href="user.html">个人信息</a></li>
								<li><a href="address.html">收货地址</a></li>
								<li><a href="myproduct.html">我的订单</a></li>
							</ul>
							<div class="outlogin">退出</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="cart-wrapper">
						<h1>购物车</h1>
						<div class="cart-info">
							<ul>
								<!-- <li>
									<a> <img src="img/goods.jpg"> </a>
									<div>
										<p>商品名字</p>
										<p>颜色</p>
										<p><span>数量</span>
										<span>价格</span></p>
									</div>
								</li>
							 -->
							</ul>
							<div class="look">查看商品</div>
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="message-wrapper">
						<h1>消息</h1>
						<div class="message-list">
							<ul>
								<li><a>动态</a></li>
								<li><a>评论</a></li>
								<li><a>私信</a></li>
								<li><a>粉丝</a></li>
								<li><a>喜欢</a></li>
								
								<li><a>通知</a></li>
							</ul>
							
						</div>
					</div>
					
					<span class="line">|</span>
					
					<div class="add-wrapper">
						<h1>添加良品</h1>
					</div>
					<div class="agreementr">
						资质证件/协议规则
					</div>
			    </div>
			</div>
		</div>
		
		
		
		<nav >
			<ul class="flex-row">
				<li><a href="">首页</a></li>
				<li>
					<h1>商店</h1>
					<div class="nav-goods-list">
						<div class="nav-goods-list-l flex-col-between">
							<ul class="subnav-list flex-row">
								<li>
									<a>
										<img src="img/nav_subnav.png">
										<p>家具</p>
									</a>
								</li>
								
							</ul>
						    <div class=><a>查看所有品牌</a>><a>最新到货</a></div>
						</div>
						<div class="nav-goods-list-r ">
							<img src="img/shop_subnav_r.jpg">
							<p>新视线：  2015年7月刊</p>
						</div>
					</div>
					</li>
				<li>
					<h1>杂志</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					
					</li>
				<li>
					<h1>分享</h1>
					<div class="nav-magazine-list">
						<ul class="flex-row">
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							<li><a>趣物</a></li>
							<li><a>数码</a></li>
							<li><a>汽车</a></li>
							
						</ul>
					</div>
					</li>
				<li><a>达人</a></li>
				<li><a>有偿咨询</a></li>
			</ul>
			<div class="search flex-row">
				<input type="text" >
				<span></span>
			</div>
		</nav>
		
		
		
		
		<div class="banner">
					<a href="javascript:;" id="prev"></a>
					<a href="javascript:;" id="next"></a>
					
					<!-- 序号 -->
					<div class="number" id="number">
						<span class="current"></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
					<ul class="list flex-row" id="list" >
					   
					</ul>
			</div>
		<!-- <div class="banner">
			<img src="img/banner.jpg">
		</div> -->
		
		<div class="page-body flex-row-between">
			<div class="flex-col-between">
				<div><img src="img/banner02_1.png"></div>
				<div><img src="img/banner02_2.png"></div>
			</div>
			<div><img src="img/banner02_3.png"></div>
			<div class="flex-col-between">
				<div><img src="img/banner02_4.png"></div>
				<div><img src="img/banner02_5.png"></div>
			</div>
		</div>
		
		<div class="hot-title">人气良品</div>
		<div class="product">
			<ul class="flex-row-between">
				<!-- <li>
					<div class="product-page">
						<img src="img/goods.jpg">
						<div class="maker">
							<a>
								<p>999￥</p>
								<p>商品描述商品描述商品描述商品描述商品描述</p>
								<p>aaaa</p>
							</a>
						</div>
					</div>
					<div class="product-info flex-row-col-center">
						<a class="flex-row align-center">
							<img src="img/logosj.jpg">
							<span>品牌名</span>
						</a>
						<div>
							<span>0</span>
							<span>♥</span>
						</div>
					</div>
				</li> -->
				
			</ul>
		</div>
		
		<div class="more">MORE</div>
		
		<div class="LoginAlert">
			
		</div>
		<div class="plogin">
			<div class="flex-row-between">
				登录良仓
				<span class="cha"></span>
			</div>
			
			<div class="plogin-b flex-row-between">
				<div class="plogin-b-l">
					<input type="text" class="inputname" placeholder="请输入用户名">
					<input type="password" class="inputpassword" placeholder="请输入密码"/>
					
					<div class="flex-row-between align-center">
						<div class="loginBnt">登录良仓</div>
						
						<div><a href="registered.html">注册良仓</a></div>
					</div>
				</div>
				<div class="plogin-b-r">
					<div>
						<p>第三方登录：</p>
						
						<div class="icon flex-row-between">
							<span><img src="img/QQ.png"/></span>
							<span><img src="img/微信.png"/></span>
							<span><img src="img/新浪微博.png"/></span>
							<span><img src="img/苹果.png"/></span>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		
		
		<hr>
		
		<div class="end">
			<div class="shouz flex-row">
				<span></span>
				<a>良品商店</a>/
				<a>OUR SHOP</a>
			</div>
			
			<div>
				<ul class="flex-row-between" >
					<li class="flex-row align-center">
						<div class="f"></div>
						<div>
							<p>全球精品</p>
							<p>Global Selections</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div class="s"></div>
						<div>
							<p>正品保障</p>
							<p>Authenticity Guaranteed</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div  class="t"></div>
						<div>
							<p>全场包邮</p>
							<p>Free Delivery</p>
						</div>
					</li>
					<li class="flex-row align-center">
						<div  class="l"></div>
						<div>
							<p>客服邮箱</p>
							<p>kefu@iliangcang.com</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		
		<footer>
			<div class="footer-info flex-col-around">
				<div class="flex-row-between flex-row-col-center">
					<div class="footer-info-l flex-row">
						<div></div>
						<div>
							<p>iPhone Android</p>
							<p>客户端下载</p>
						</div>
					</div>
					
					<div class="footer-info-r flex-row-between">
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
				
				
				<ul>
					<li>关于良仓|关于良仓|关于良仓|关于良仓|关于良仓|</li>
					<li>© 2013-2019 北京良仓文化传播有限公司版权所有 </li>
					<li>  公司名称：北京良仓文化传播有限公司  客服邮箱：kefu@iliangcang.com</li>
					<li>  公司地址：北京朝阳区百子湾路32号6号楼1层60号.</li>
					<li>  社会信用统一代码：91110105059231575L  食品许可证：JY11105160159557  </li>
					<li>  图书证名称：中华人民共和国出版物经营许可证  图书证编号：新出发京零 字第 朝 150051 号</li>
				</ul>
				
			</div>
		</footer>
	</body>
</html>

<script src="js/ajax.js"></script>
<script src="js/nav.js"></script>
<script src="js/mian.js"></script>